<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>微博</title> 
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/common.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/visitors.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
	//游客页面 js文件
	$(function(){
		//跟分页模块注册点击事件
		$(".pn").click(function(){
			var pageNumber = $(this).text();
			window.location.href="${pageContext.request.contextPath}/VisitorSeverlet.do?currentPage="+pageNumber;
			//$.get("${pageContext.request.contextPath}/VisitorSeverlet.do",{currentPage:pageNumber});
		});
		$("#next_buttom").click(function(){
			var currentPage = parseInt($("#currentPage").val())+1;
			window.location.href="${pageContext.request.contextPath}/VisitorSeverlet.do?currentPage="+currentPage;
		});
		$("#befor_buttom").click(function(){
			var currentPage = parseInt($("#currentPage").val())-1;
			window.location.href="${pageContext.request.contextPath}/VisitorSeverlet.do?currentPage="+currentPage;
		});
		
	});
</script>
</head>
<body>
<div class="maincontent">
    <div class="content">
		<%@include file="/common/header.jsp" %>
		<%@include file="/common/daohang_index.jsp" %>
		<div class="your_position"><span>当前位置：</span><span><a href="#this">博主资源</a></span><span><a href="#this">查看微博博主</a></span></div>
		<div class="header_">
			<div id="header_top">
				<span>查看微博博主</span>
				<img src="${pageContext.request.contextPath}/images/visitors/u71_line.png">
				<span>红人博主</span>
				<img src="${pageContext.request.contextPath}/images/visitors/u71_line.png">
				<span>名人博主</span>
				<img src="${pageContext.request.contextPath}/images/visitors/u71_line.png">
				<span>热门微博主</span>
				<img src="${pageContext.request.contextPath}/images/visitors/u71_line.png">
				<span>重点推荐</span>
			</div>
			<div id="header_middle" class="header_ss">
				<select><option>转发价</option><option>直发价</option></select>
				<input type="text" style="width: 70px">
				<span>-</span>
				<input type="text" style="width: 70px">
				<span>粉丝数：</span>
				<input type="text" style="width: 70px">
				<span>-</span>
				<input type="text" style="width: 70px">
				<select><option>常用微博主分类</option><option>互联网</option></select>
				<input type="text" style="width: 90px" value="输入关键字">
				<div>Go</div>
				<input type="text" style="width: 90px" value="微博主名称">
				<div>Go</div>
			</div>
			<div id="header_bottom" class="header_ss">
				<span>排序：</span>
				<select><option>按粉丝量从高到低</option><option>按粉丝量从低到高</option></select>
				
				<span>媒体平台：</span>
				<select><option>全部</option><option>新浪微博</option></select>

				<span>所属地区：</span>
				<select><option>省份</option><option>北京</option></select>
				<select><option>城市</option><option>北京</option></select>
				
				<span>是否加V：</span>
				<input type="radio">
				<label>全部</label>
				<input type="radio">
				<label>是</label>
				<input type="radio">
				<label>否</label>
				
			</div>
		</div>
		<div class="split_line"></div>
		<table id="visitor_content" border="0" cellpadding="0" cellspacing="0">
			<thead>
				<tr><th width="206">微博主名称</th><th width="80">粉丝数量</th><th width="70">转评值</th><th width="90">转发报价</th><th width="90">直发报价</th><th width="80">月订单量</th><th width="70">周订单量</th><th width="70">受众性别</th><th width="50">详情</th><th width="80">平台</th><th width="64">操作</th></tr>
			</thead>
			<tbody>
				<c:forEach var="host" items="${hostList}">
					<tr height="40">
						<td width="206"><img src="${host.HOST_IMG }" width="50" height="50"/><span>${host.HOST_NAME }</span><span>
						<c:if test="${host.HOST_SEX=='男'}"> 
							<img src="${pageContext.request.contextPath}/images/common/nan.png" height="20" width="19"/>
						</c:if> 
						<c:if test="${host.HOST_SEX=='女'}">
							<img src="${pageContext.request.contextPath}/images/common/nv.png" height="20" width="17"/>
						</c:if> 
							${host.HOST_ADDR }</span></td>
						<td width="80">${host.HOST_FS_NUMBER }&nbsp;</td>
						<td width="70">${host.HOST_ZP_VALUE }&nbsp;</td>
						<td width="90">${host.PERSON_ZHUANF_PRICE }&nbsp;</td>
						<td width="90">${host.PERSON_ZHIF_PRICE }&nbsp;</td>
						<td width="80">19&nbsp;</td>
						<td width="70">3&nbsp;</td>
						<td width="70">泛&nbsp;</td>
						<td width="50" align="center"><img src="${pageContext.request.contextPath}/images/common/detail.png" style="float:none"/></td>
						<td width="80">${host.PLAT_NAME}&nbsp;</td>
						<td width="64">收藏 |拉黑 举报假号</td> 
					</tr>
				</c:forEach>
			</tbody>
		</table>
		<%@include file="/common/fenye.jsp"%>
		<%@include file="/common/footer.jsp"%>
	</div>
</div>
</body>
</html>